<template>
  <div>
  <el-button type="success" @click="login" round> 点击登录</el-button>
    <el-table-column
      prop="picture"
      header-align="center"
      align="center"
      width="150px"
      label="图片">

      <template slot-scope="scope">
        <el-popover
          placement="right"
          title=""
          trigger="hover">
          <img :src="scope.row.picture"/>
          <img slot="reference" :src="scope.row.picture" :alt="scope.row.picture" style="max-height: 50px;max-width: 130px">
        </el-popover>
      </template>
    </el-table-column>
  <!--<img src="../../../assets/logo.png">-->
  </div>

</template>

<script>
    export default {
      name: "test1",

      data(){
        return {


          title:"欢迎登录!",
          id:"1",
          price:"121212",
          password:"123",
          num:'12',
          brand:'玛速主义',
          type:'1',
          path:require("../../../assets/logo.png")
        }
      },

      methods: {

        login: function ()
        {
            //路由传参,$开头的是内置对象。
          this.$router.push({name: "DetailsLayout", query: {id:this.id,price: this.price, num: this.num,brand: this.brand,type:this.type,path:this.path}});//跳转到对应路由的对应界面*/
        }
      }
    }
</script>

<style scoped>

</style>
